﻿
<!DOCTYPE html>
<html lang="en">
<head>
<title>DBL - transportation company</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/jplayer.css" type="text/css" media="all">
<link rel="stylesheet" href="css/jquery.jscrollpane.css" type="text/css"   media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">

<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/content_switch.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>

<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/mwheelIntent.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>

<script type="text/javascript" src="js/jquery.prettyPhoto.js" charset="utf-8"></script>

<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>



<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;z-index:100;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
		</div>
	<![endif]-->
<script type="text/javascript">                                     
$(document).ready(function()
{ $("#ajax-contact-form").submit(function() { var str = $(this).serialize(); $.ajax( { type: "POST", url: "contact.php", data: str, success: function(msg)
						{ if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
							{ result = '<div class="notification_ok">Your message has been sent. Thank you!<br> <a href="#" onclick="freset();return false;">send another mail</a></div>'; $("#fields").hide(); } 							else
							{ result = msg; } $("#note").html(result); } 
				}); return false; }); });
function freset()
{ 	$("#note").html(''); 	document.getElementById('ajax-contact-form').reset(); 	$("#fields").show();}

</script>
</head>
<body>
<div class="spinner"><div></div></div>


<div class="extra">
<div class="top1"></div>
<div class="main1">

<a href="index.html" class="logo"><img src="images/logo.png"></a> 

<ul class="icons">
                <li><a href="http://www.twitter.com" target="_blank"><img src="images/social_ic1.png"><img src="images/social_ic1_over.png" class="img_act"></a>
                </li>
                <li><a href="http://www.facebook.com" target="_blank"><img src="images/social_ic2.png"><img src="images/social_ic2_over.png" class="img_act"></a>
                </li>
                <li><a href="http://www.youtube.com/" target="_blank"><img src="images/social_ic3.png"><img src="images/social_ic3_over.png" class="img_act"></a>
                </li>
                <li><a href="http://www.linkedin.com/" target="_blank"><img src="images/social_ic4.png"><img src="images/social_ic4_over.png" class="img_act"></a>
                </li>
</ul>

<div class="menu_content">

<nav class="menu">
					<ul id="menu">
						<li class="nav1"><a href="index.html"><b></b><strong></strong></a></li>
						<li class="markers"></li>
                        <li><a href="#!/page_ABOUT">About us</a></li>
						<li class="markers"></li>
                        <li><a href="#!/page_RATES">Rates</a></li>
						<li class="markers"></li>
                        <li><a href="#!/page_SERVICES">Services</a></li>
						<li class="markers"></li>
                        <li><a href="#!/page_CAREERS">Careers</a></li>
						<li class="markers"></li>
                        <li><a href="#!/page_DRIVER">Template</a></li>
						<li class="markers"></li>
                        <li><a href="#!/page_CONTACTS">Contact Us</b></a></li>
                    </ul>
</nav>
<div class="navs_shadow"></div>
</div>

<div class="add1"></div>
<div class="add2"></div>
<div class="add3"></div>
<div class="add4"></div>
<div class="add5"></div>
<div class="add6"></div>
<div class="add7"></div>

<div class="splash">

<div class="line1"></div>

<div class="block2">
<span class="txt1">Easy Studio</span>
<span class="txt2">Design and Developer</span>
<a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
</div>

<a href="#" class="block1">
<span class="bg"></span>
<span class="c">01</span>
<span class="txt1">HTML5 Website</span>
<span class="txt2">Khơi Nguồn Công Nghệ</span>
<span class="txt3">
HTML5 mang lại cho người dùng trải nghiệm lướt Web hoàn toàn mới, nhanh hơn, ổn định hơn và bảo mật hơn. HTML5 sẽ giúp các nội dung trên Web hoạt động tốt hơn mà không cần phụ thuộc vào bất kì một ứng dụng phụ trợ nào khác.
</span>
<div class="more1"><strong></strong><span>read more</span></div>
</a> 

<a href="#" class="block1">
<span class="bg"></span>
<span class="c">02</span>
<span class="txt1">Thiết Kế & Hiệu Ứng</span>
<span class="txt2">
 Mang đến sức sống mới cho Web
</span>
<span class="txt3">
Không những mang lại những lợi ích to lớn như hoạt động nhanh, ổn dịnh và bảo mật hơn. Bên cạnh đó, HTML5 có khả năng hỗ trợ API và DOM sẽ cho phép dễ dàng mở rộng, giúp các nhà phát triển tự do sáng tạo trong việc tạo ra các ứng dụng thân thiện và hữu ích hơn.
</span>
<div class="more1"><strong></strong><span>read more</span></div>
</a> 

<a href="#" class="block1">
<span class="bg"></span>
<span class="c">03</span>
<span class="txt1">Bạn cần website?</span>
<span class="txt2">Đơn giản nhưng đẹp</span>
<span class="txt3">Suspendisse mattis turpis eget odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</span>
<div class="more1"><strong></strong><span>read more</span></div>
</a> 

<div class=" clear"></div>
</div>

<!--content -->
			<article id="content">
				<ul>
				  <li id="page_ABOUT">
                  <div class="slogan">About us</div>
                  <div class="box">
                  <div class="scroll-pane">
                  		
                        <div class="col1">
                        
                        		<h2>Little About Us</h2>
                                <span class="h3">
                                    Mauris venenatis porttitor risus. Phasellus accumsan turpis. Nam sagittis nulla quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vitae elit.                                
                                </span>
                                
                                <img src="images/about01.jpg" class="left img1 border1 border2 radius1">
                                <strong>
                                <a href="#">Nulla tempor fermentum orci</a>
                                </strong>
                                <p class="text">
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                </p>
                                <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                <div class="clear"></div>
                                
                                <img src="images/about02.jpg" class="left img1 border1 border2 radius1">
                                <strong>
                                <a href="#">Nulla tempor fermentum orci</a>
                                </strong>
                                <p class="text">
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                </p>
                                <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                <div class="clear"></div>
                                
                                <img src="images/about01.jpg" class="left img1 border1 border2 radius1">
                                <strong>
                                <a href="#">Nulla tempor fermentum orci</a>
                                </strong>
                                <p class="text">
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                </p>
                                <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                <div class="clear"></div>
                                
                                <img src="images/about02.jpg" class="left img1 border1 border2 radius1">
                                <strong>
                                <a href="#">Nulla tempor fermentum orci</a>
                                </strong>
                                <p class="text">
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                </p>
                                <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                <div class="clear"></div>
                                
                        </div>
                        <div class="col2 pad_left5">
                        
                        		<h2>Latest Events</h2>
                                
                                <span class="h3">
                                    13 may 2012                            
                                </span>                                
                                <strong>
								Nulla tempor fermentum orci
                                </strong>
                                <p class="text">
                       Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                </p>
                                <div class="line2"></div>
                                
                                 <span class="h3">
                                    1 apr 2012                           
                                </span>                                
                                <strong>
								Nulla tempor fermentum orci
                                </strong>
                                <p class="text">
                       Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                </p>
                                <div class="line2"></div>
                                
                                 <span class="h3">
                                    25 feb 2012                            
                                </span>                                
                                <strong>
								Nulla tempor fermentum orci
                                </strong>
                                <p class="text">
                       Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                </p>
                                <div class="line2"></div>
                                
                                <span class="h3">
                                    13 may 2012                            
                                </span>                                
                                <strong>
								Nulla tempor fermentum orci
                                </strong>
                                <p class="text">
                       Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                </p>
                                <div class="line2"></div>
                                
                                 <span class="h3">
                                    1 apr 2012                           
                                </span>                                
                                <strong>
								Nulla tempor fermentum orci
                                </strong>
                                <p class="text">
                       Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                </p>
                                
                                
                                
                                
                        </div>
                        <div class="clear"></div>
                  </div>
                  </div>
                  </li>
                  
                  <li id="page_RATES">
                  <div class="slogan">rates</div>
                  <div class="box">
                  <div class="scroll-pane">
                  		
                        <div class="col3">
                        
                        		<h2>Rates List</h2>
                                
                                <strong>
                                <a href="#">Nulla tempor fermentum orci</a>
                                </strong>
                                <p class="text">
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. 
                                </p>
                               
                                <div class="line2"></div>
                                
                                <strong>
                                <a href="#">Nulla tempor fermentum orci</a>
                                </strong>
                                <p class="text">
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. 
                                </p>
                               
                                <div class="line2"></div>
                                
                                <strong>
                                <a href="#">Nulla tempor fermentum orci</a>
                                </strong>
                                <p class="text">
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. 
                                </p>
                               
                                <div class="line2"></div>
                                
                                <strong>
                                <a href="#">Nulla tempor fermentum orci</a>
                                </strong>
                                <p class="text">
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. 
                                </p>
                               
                                <div class="line2"></div>
                                
                                
                                
                                
                                
                        </div>
                        <div class="col4 pad_left5">
                        
                        		<h2>We Recomend</h2>
                                <span class="h3">
                                    Mauris venenatis porttitor risus. Phasellus accumsan turpis. Nam sagittis nulla quis orci.                           
                                </span>                                
                                <p class="text">
                       Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.
                                </p>
                                 <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                 
                                 <h2>Rate Tools</h2>
                                 <img src="images/rates01.jpg" class="left img1 border1 border2 radius1">
                                 <strong>
								Nulla tempor fermentum orci
                                </strong>
                                <p class="text">
                       Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.<br><br>
Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidunt.
                                </p>
                                <div class="clear"></div>
                                
                                <strong>
								Nulla tempor fermentum orci
                                </strong>
                                <p class="text">
                       Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.<br><br>
Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidunt.
                                </p>
                                
                                
                                
                                
                                
                                
                        </div>
                        <div class="clear"></div>
                  </div>
                  </div>
                  </li>
                  
                  <li id="page_SERVICES">
                  <div class="slogan">services</div>
                  <div class="box">
                  <div class="scroll-pane">
                  		
                        <div class="col5">
                        
                        		<h2>Services Overview</h2>
                                 <span class="h3">
                                   Mauris venenatis porttitor risus. Phasellus accumsan turpis. Nam sagittis nulla quis orci. Vestibulum ante ipsum primis in faucibus orci luctus et.                        
                                </span>                                
                                <p class="text">
                      Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidunadipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. 
                                </p>
                                 <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                 
                                 <h2>Our Advantages</h2>
                                 <strong>
                                 Nulla tempor fermentum orci
                                 </strong>
                                <p class="text">
                      Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.<br><br>
Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidunt, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. <br><br>

Praesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id eros. Nulla mauris purus, dignissim a, eleifend ac, iaculis quis, lectus. Curabitur tristique nunc. <br><br>Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.<br><br>
Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidunt, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. <br><br>

Praesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id eros. Nulla mauris purus, dignissim a, eleifend ac, iaculis quis, lectus. Curabitur tristique nunc. <br><br>
                                </p>
                                
                                
                                
                                
                                
                        </div>
                        <div class="col6 pad_left5">
                        
                        		<h2>Our Services</h2>
                                
                                <div class="gal1">
                        						<div class="photo1 "><a href="images/services01_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/services01.jpg" class="border1 border2 radius1"><span></span></a></div>
                                                <strong>
                                                <a href="#">Nulla tempor fermentum orci</a>                                                
                                                </strong>
                                                <p class="text">
                         Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. 
                                                </p>
                                                <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                                <div class="clear"></div> 
           						</div>
                                
                                <div class="gal1">
                        						<div class="photo1 "><a href="images/services02_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/services02.jpg" class="border1 border2 radius1"><span></span></a></div>
                                                <strong>
                                                <a href="#">Nulla tempor fermentum orci</a>                                                
                                                </strong>
                                                <p class="text">
                         Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. 
                                                </p>
                                                <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                                <div class="clear"></div> 
           						</div>
                                
                                <div class="gal1">
                        						<div class="photo1 "><a href="images/services03_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/services03.jpg" class="border1 border2 radius1"><span></span></a></div>
                                                <strong>
                                                <a href="#">Nulla tempor fermentum orci</a>                                                
                                                </strong>
                                                <p class="text">
                         Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. 
                                                </p>
                                                <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                                <div class="clear"></div> 
           						</div>
                                
                                <div class="gal1">
                        						<div class="photo1 "><a href="images/services04_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/services04.jpg" class="border1 border2 radius1"><span></span></a></div>
                                                <strong>
                                                <a href="#">Nulla tempor fermentum orci</a>                                                
                                                </strong>
                                                <p class="text">
                         Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. 
                                                </p>
                                                <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                                <div class="clear"></div> 
           						</div>
                                
                                
                                
                                
                                
                                
                                
                        </div>
                        <div class="clear"></div>
                  </div>
                  </div>
                  </li>
                  
                  <li id="page_CAREERS">
                  <div class="slogan">careers</div>
                  <div class="box">
                  <div class="scroll-pane">
                  		
                        <div class="col7">
                        
                        		<h2>Career opportunities</h2>
                                 <span class="h3">
                                   Vestibulum pede.   
                                </span>                                
                                <p class="text">
                     Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.
                                </p>
                                 <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                 
                                 <h2>Development Programs</h2>
                                 
                                 
                                 <img src="images/careers01.jpg" class="left img1 border1 border2 radius1">
                                <p class="text">
                      Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.<br><br>
Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidunt, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. <br><br>

Praesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id eros. Nulla mauris purus, dignissim a, eleifend ac, iaculis quis, lectus. Curabitur tristique nunc. <br><br>Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.<br><br>
Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidunt, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. <br><br>

Praesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id eros. Nulla mauris purus, dignissim a, eleifend ac, iaculis quis, lectus. Curabitur tristique nunc. <br><br>
                                </p>
                                <div class="clear"></div>
                                
                                
                                
                                
                        </div>
                        <div class="col8 pad_left5">
                        
                        		<h2>Consultant</h2>
                                <div class="video1">
                      <a href="http://www.youtube.com/watch?v=16BI3NXDs6Q?rel=0" rel="prettyPhoto[mixed]" title="YouTube Demo"><img src="images/careers02.jpg" class="border1 border2 radius1"><span></span></a>
                					</div>
                                 <span class="h3">
                                   Mauris venenatis porttitor risus. Phasellus accumsan turpis. Nam   
                                </span> 
                                <strong>
                                                <a href="#">Nulla tempor fermentum orci</a>                                                
                                                </strong>
                                                <p class="text">
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.<br><br>
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
                        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie.
                                                </p>
                                
                                
                                
                                
                                
                                
                                
                        </div>
                        <div class="clear"></div>
                  </div>
                  </div>
                  </li>
                  
                  <li id="page_DRIVER">
                  <div class="slogan">drivers</div>
                  <div class="box">
                  <div class="scroll-pane">
                  		
                        <div class="col9">
                        
                        		<h2>Our Drivers</h2>
                                
                                <img src="images/driver01.jpg" class="left img1 border1 border2 radius1">
                                 <span class="h3">
                                   Mark Grosh  
                                </span>                                
                                <p class="text">
                     Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor.
                                </p>                                 
                                <div class="clear"></div>
                                
                                <img src="images/driver02.jpg" class="left img1 border1 border2 radius1">
                                 <span class="h3">
                                   Patrick Bill  
                                </span>                                
                                <p class="text">
                     Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor.
                                </p>                                 
                                <div class="clear"></div>
                                
                                <img src="images/driver03.jpg" class="left img1 border1 border2 radius1">
                                 <span class="h3">
                                   Den Bush  
                                </span>                                
                                <p class="text">
                     Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor.
                                </p>                                 
                                <div class="clear"></div>
                                
                                <img src="images/driver01.jpg" class="left img1 border1 border2 radius1">
                                 <span class="h3">
                                   Mark Grosh  
                                </span>                                
                                <p class="text">
                     Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor.
                                </p>                                 
                                <div class="clear"></div>
                                
                                <img src="images/driver02.jpg" class="left img1 border1 border2 radius1">
                                 <span class="h3">
                                   Patrick Bill  
                                </span>                                
                                <p class="text">
                     Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor.
                                </p>                                 
                                <div class="clear"></div>
                                
                                <img src="images/driver03.jpg" class="left img1 border1 border2 radius1">
                                 <span class="h3">
                                   Den Bush  
                                </span>                                
                                <p class="text">
                     Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor.
                                </p>                                 
                                <div class="clear"></div>
                                
                                
                                
                                
                        </div>
                        <div class="col10 pad_left5">
                        
                        		<h2>distribution territory</h2>
                               
                                <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                                </p>
                                <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
                                
                                
                                <h2>List Of Maps</h2>
                                
                                <ul class="ul1">
                                                      <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
                                                      <li><a href="#">In pharetra ipsum condimentum elit. Suspendisse mattis turpis eget odio.</a></li>
                                                      <li><a href="#">Quisque mollis pretium nisl. Mauris venenatis porttitor risus.</a></li>
                                                      <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
                                                      <li><a href="#">In pharetra ipsum condimentum elit. Suspendisse mattis turpis eget odio.</a></li>
                                                      <li><a href="#">Quisque mollis pretium nisl. Mauris venenatis porttitor risus.</a></li>
                                                      <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
                                                      <li><a href="#">In pharetra ipsum condimentum elit. Suspendisse mattis turpis eget odio.</a></li>
                                                      <li><a href="#">Quisque mollis pretium nisl. Mauris venenatis porttitor risus.</a></li>
                                                      <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
                                                      <li><a href="#">In pharetra ipsum condimentum elit. Suspendisse mattis turpis eget odio.</a></li>
                                                      <li><a href="#">Quisque mollis pretium nisl. Mauris venenatis porttitor risus.</a></li>
                                                      <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
                                                      <li><a href="#">In pharetra ipsum condimentum elit. Suspendisse mattis turpis eget odio.</a></li>
                                                      <li><a href="#">Quisque mollis pretium nisl. Mauris venenatis porttitor risus.</a></li>
                                                      <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
                                                      <li><a href="#">In pharetra ipsum condimentum elit. Suspendisse mattis turpis eget odio.</a></li>
                                                      <li><a href="#">Quisque mollis pretium nisl. Mauris venenatis porttitor risus.</a></li>
                                                                                            
                                </ul>
                                
                                
                                
                                
                                
                                
                                
                        </div>
                        <div class="clear"></div>
                  </div>
                  </div>
                  </li>
                  
                  <li id="page_CONTACTS">
                  <div class="slogan">contacts</div>
                  <div class="box">
                  <div class="">
                  		
                        <div class="col11">
                        
                        		<h2>Contact Form</h2>
                                
                                <div id="note">
                </div>
                <div id="fields">
                  <form id="ajax-contact-form" action="javascript:alert('success!');">
                    <div class="clear">
                    </div>
                    <label>Your full name:</label>
                    <INPUT class="textbox left " type="text" name="name" value="">
                    <div class="clear">
                    </div>
                    <label >E-Mail:</label>
                    <INPUT class="textbox left" type="text" name="email" value="">
                    <div class="clear">
                    </div>
                    <label >Phone Number:</label>
                    <INPUT class="textbox left" type="text" name="phone" value="">
                    <div class="clear">
                    </div>
                    <label >Message:</label>
                    <TEXTAREA class="textbox left" NAME="content" ROWS="5" COLS="25"></TEXTAREA>
                    <div class="clear">
                    </div>
                    <label>Captcha:</label>
                    <img src="captcha/captcha.php" style="margin:3px 0px; width:100px; height:32px; float:left;">
                    <INPUT class="textbox" type="text" name="capthca" value="" style=" width:90px; float:left; margin-left:10px; margin-top:2px">
                    <div class="clear">
                    </div>
                    <INPUT class="pin" type="submit" name="submit" value="submit">
                  </form>
                </div>
                                
                                
                                
                                
                        </div>
                        <div class="col12 pad_left5">
                        
                        		<h2>Our Location</h2>
                                
                                <div class="gmap border1 border2 radius1">
                                                
                                                <iframe width="460" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Glasgow,&amp;aq=&amp;sll=46.975033,31.994583&amp;sspn=0.368248,0.617294&amp;vpsrc=6&amp;ie=UTF8&amp;hq=&amp;hnear=Glasgow,+Glasgow+City,+United+Kingdom&amp;t=m&amp;ll=55.866932,-4.256344&amp;spn=0.020324,0.070896&amp;z=13&amp;output=embed"></iframe>
                                                
</div>



<span><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Glasgow,&amp;aq=&amp;sll=46.975033,31.994583&amp;sspn=0.368248,0.617294&amp;vpsrc=6&amp;ie=UTF8&amp;hq=&amp;hnear=Glasgow,+Glasgow+City,+United+Kingdom&amp;t=m&amp;ll=55.866932,-4.256344&amp;spn=0.020324,0.070896&amp;z=13">View Larger Map</a></span>
                                                
                                                <br><br>
                                
                                <strong>
                                The Companyname Inc
                                </strong>
                                <p class="text">
        8901 Marmora Road,<br>
Glasgow, D04 89GR.<br>
Telephone: +1 800 123 1234<br>
E-mail: <a href="#">mail@copanyname.com</a>
                                </p>
                                
                                
                                
                                
                                
                                
                                

                                
                        </div>
                        <div class="clear"></div>
                  </div>
                  </div>
                  </li>
                  
                  <li id="page_PRIVACY">
                  <div class="slogan">privacy</div>
                  <div class="box">
                  <div class="scroll-pane">
                  		
                        <div>
                        <h2>Privacy policy</h2>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        
                        
                        
                        </div>
                        
                        
                        
                        
                  </div>
                  </div>
                  </li>
                  
                  <li id="page_MORE">
                  <div class="slogan">more</div>
                  <div class="box">
                  <div class="scroll-pane">
                  		
                        <div>
                        <h2>more</h2>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        <p class="text">
        Proin feugiat sem eu nisl. Aliquam erat volutpat. Fusce a mauris vel nulla faucibus tempor. Aenean scelerisque neque aliquam nibh venenatis molestie. Integer gravida ornare lectus. Nunc vehicula elit a tellus. Nunc est ipsum, facilisis at, auctor tincidun.<br><br>
t, adipiscing consequat, orci. Fusce pellentesque. Proin lorem. Mauris suscipit erat a turpis. Nunc mollis lectus in dolor. Curabitur velit. Curabitur commodo vestibulum justo. Sraesent dictum, est ut porta adipiscing, ligula mi ultricies velit, non hendrerit mi augue id
                        </p>
                        
                        
                        
                        </div>
                        
                        
                        
                        
                  </div>
                  </div>
                  </li>
                  
                  
                </ul>
            </article>
<!--content end -->
</div>
<div class="block"></div>
</div>
<footer>

<div class="tola">
                  
                  <div id="jquery_jplayer" class="jp-jplayer"></div>

		<!-- Using the cssSelectorAncestor option with the default cssSelector class names to enable control association of standard functions using built in features -->

		<div id="jp_container" class="jp-audio">
        	<ul class="jp-controls">
            
						<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute"></a></li>
						<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute"></a></li>
						<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume"></a></li>
			</ul>            
            <div class="jp-txt">SOUND CONTROL</div>            
            <div class="jp-volume-bar"><div class="jp-volume-bar-value"></div></div>
		</div>
</div>

<div class="copyright">Copyright © 2012. All rights reserved.&nbsp;&nbsp;<a href="#!/page_PRIVACY">Privacy policy</a></div>

</footer>









<script>
$(window).load(function() {	
	$('.spinner').fadeOut();
	$('body').css({overflow:'inherit'});
	var qwe = setTimeout(function () {$("#jquery_jplayer").jPlayer("play");}, 2000);
	
	$('.add3').css({left:380, top:50, opacity:0});
	$('.add4').css({left:555, top:60, opacity:0});
	
	$('.add1').css({left:100, top:180, opacity:0}).delay(400).animate({left:10, top:210, opacity:1},800, 'swing' );
	$('.add2').css({left:440, top:230, opacity:0}).delay(800).animate({left:340, top:250, opacity:1},800, 'swing' );
	$('.add5').css({left:10, top:-300, opacity:0}).delay(1200).animate({left:510, top:0, opacity:1},1800, 'swing' );
	$('.add6').css({opacity:0}).delay(1600).animate({opacity:1},1800, 'swing' );
	$('.add7').css({opacity:0}).delay(1600).animate({opacity:1},1800, 'swing' );
})
</script>
</body>
</html>
